<!-- Google chart lay du lieu dang



 -->

<html>
  <head>
    <script type='text/javascript' src='http://www.google.com/jsapi'></script>
   
	<script type="text/javascript">
    
      // Load the Visualization API and the piechart package.
      google.load('visualization', '1', {'packages':['piechart', 'imagepiechart', 'barchart','imageBarChart','linechart']});
      
      // Set a callback to run when the API is loaded.
      google.setOnLoadCallback(drawChart);
      
      // Callback that creates and populates a data table, 
      // instantiates the pie chart, passes in the data and
      // draws it.
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'list');
        data.addColumn('number', 'Tutorials Pesentage');
        data.addRows(5);
        data.setValue(0, 0, 'jQuery');
        data.setValue(0, 1, 11);
        data.setValue(1, 0, 'Java');
        data.setValue(1, 1, 5);
        data.setValue(2, 0, 'PHP');
        data.setValue(2, 1, 6);
        data.setValue(3, 0, 'Web Design');
        data.setValue(3, 1, 2);
        data.setValue(4, 0, 'Database');
        data.setValue(4, 1, 7);
	

        var chart = new google.visualization.ImagePieChart(document.getElementById('9lessonschart'));
        chart.draw(data, {width: 400, height: 240, is3D: true, title: '9lessons Tutorials 3D Chart'});
		
		var chart = new google.visualization.PieChart(document.getElementById('2'));
        chart.draw(data, {width: 400, height: 240, is3D: true, title: '9lessons Tutorials 3D Chart'});
		
		var chart = new google.visualization.BarChart(document.getElementById('3'));
        chart.draw(data, {width: 400, height: 240, is3D: true, title: 'Tutorials Pesentage'});
		
		var chart = new google.visualization.ImageBarChart(document.getElementById('4'));
        chart.draw(data, {width: 400, height: 240, min: 0});
		
		var chart = new google.visualization.LineChart(document.getElementById('5'));
        chart.draw(data, {width: 400, height: 240, legend: 'bottom', title: 'Tutorials'});
      }
	 
    </script>
	<style type="text/css">
body
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
.comment_box
{
background-color:#D3E7F5; border-bottom:#ffffff solid 1px; padding-top:3px
}
a
	{
	text-decoration:none;
	color:#d02b55;
	}
	
</style>
  </head>

  <body>
   <div style="background:url(http://lh4.ggpht.com/_N9kpbq3FL74/SdxnYQti7XI/AAAAAAAABcQ/JmDyIsUOons/feedbirdl.jpg) right no-repeat #FFFFFF; height:90px; border-bottom:#006699 solid 2px; padding-left:10px; ">
  <h2>More tutorials <a href="http://9lessons.blogspot.com" style="color:#0099CC">9lessons.blogspot.com</a></h2>
  <span style="float:right; padding-right:70px"><h3><a href="http://feeds2.feedburner.com/9lesson">Subscribe to my feeds</a></h3></span> <span style="float:left; "><h3><a href="">Tutorial Link</a></h3></span>     </div>
   <div>
	
	<div id='2' style="float:left"></div>
	<div id='9lessonschart' style="float:left"></div>
	<div id='3' style="float:left"></div>
	<div id='4' style="float:left"></div>
	<div id='5' style="float:left"></div>
	
	</div>
  </body>
</html>